<div class="control" [ngClass]="themeClass">
    <layout-header (childOuter)="themeChenge($event)"></layout-header>
    <div class="controlBar">
        <button nz-button nzType="primary" class="submit red" (click)="alarmDesc()"><i nz-icon nzType="info-circle"
                nzTheme="outline"></i>启动应急</button>
    </div>
    <div class="controlMain">
        <div nz-row>
            <div nz-col nzSpan="24">
                <nz-affix nzOffsetTop="48">
                    <div class="contwrap paramswrap" style="border-bottom:2px solid #dedede">
                        <b>车站</b>：<i>{{queryParams.STATIONNAME}}</i><span class="blank"></span>
                        <b>报警时间</b>：<i>{{queryParams.TIME}}</i><span class="blank"></span>
                        <b>设备类型</b>：<i>{{queryParams.DEVTYPE}}</i><span class="blank"></span>
                        <b>报警类型</b>：<i>{{queryParams.ALARMTEXT}}</i><span class="blank"></span>
                        <b>报警等级</b>：<i>{{queryParams.ALARMLEVEL}}</i><span class="blank"></span>
                        <b>设备名称</b>：<i>{{queryParams.DEVNAME}}</i>
                    </div>
                </nz-affix>
            </div>
            <div nz-col nzSpan="24">
                <div class="contwrap" style="height:500px;margin:0 12px 0 12px;">
                    <div class="chartsHead">
                        <div class="title">站场回放</div>
                        <div class="main">
                            车站：
                            <nz-tree-select [nzDropdownStyle]="treeNodeStyle" style="width: 180px"
                                [nzDropdownMatchSelectWidth]="false" [nzAllowClear]="false"
                                [nzNodes]="battleStationSelect" nzShowSearch [(ngModel)]="battleStationId">
                            </nz-tree-select>
                            &nbsp;&nbsp;&nbsp;时间：
                            <nz-date-picker nzFormat="yyyy-MM-dd HH:mm:ss" [nzAllowClear]="false"
                                [(ngModel)]="battleTimeValue">
                            </nz-date-picker>
                            &nbsp;&nbsp;&nbsp;前&nbsp;
                            <nz-input-number [(ngModel)]="beforeValue" style="width:65px" [nzMin]="5" [nzMax]="999"
                                [nzStep]="1">
                            </nz-input-number>&nbsp;分钟
                            &nbsp;&nbsp;&nbsp;后&nbsp;
                            <nz-input-number [(ngModel)]="afterValue" style="width:65px" [nzMin]="5" [nzMax]="999"
                                [nzStep]="1">
                            </nz-input-number>&nbsp;分钟
                            &nbsp;&nbsp;&nbsp;
                            <button nz-button nzType="primary" (click)="battleSearch()">
                                <i nz-icon nzType="search" nzTheme="outline"></i>查询
                            </button>
                        </div>
                    </div>
                    <div class="chartsWrap" style="position: relative;">
                        <div [innerHTML]="zctiframe"></div>
                        <app-maskiframe #maskiframe [iframewidth]="'1856'" [iframeheight]="'480'"></app-maskiframe>
                    </div>
                </div>
            </div>
            <div nz-col nzSpan="24">
                <div class="contwrap" style="height:400px;margin:2px 12px 0 12px;">
                    <div class="chartsHead">
                        <div class="title">
                            电气特性
                        </div>
                        <div class="main">
                            <!-- <button nz-button nzType="primary" (click)="electricalPop()"
                                style="margin-left:20px">电气特性值</button> -->
                            &nbsp;&nbsp;&nbsp;开始时间：
                            <nz-date-picker nzShowTime nzFormat="yyyy-MM-dd HH:mm:ss" [nzAllowClear]="false"
                                [(ngModel)]="eleStartValue">
                            </nz-date-picker>
                            &nbsp;&nbsp;&nbsp;结束时间：
                            <nz-date-picker nzShowTime nzFormat="yyyy-MM-dd HH:mm:ss" [nzAllowClear]="false"
                                [(ngModel)]="eleEndValue">
                            </nz-date-picker>
                            &nbsp;&nbsp;&nbsp;间隔：
                            <nz-input-number [(ngModel)]="scValue" style="width:65px" [nzMin]="5" [nzMax]="999"
                                [nzStep]="1">
                            </nz-input-number>&nbsp;分
                            &nbsp;&nbsp;&nbsp;
                            <button nz-button nzType="primary" (click)="eleSearch()">
                                <i nz-icon nzType="search" nzTheme="outline"></i>查询
                            </button>
                        </div>
                    </div>
                    <div class="chartsWrap">
                        <app-electricalnml *ngIf="electricalnml" #electricalnml [styleHeight]="'300'"
                            [theme]="themeClass" [queryParams]="queryParams" [stationId]="queryParams.STATIONID"
                            [devNameText]="queryParams.DEVNAME" [scValue]="scValue" [sjValue]="sjValue">
                        </app-electricalnml>
                    </div>
                </div>
            </div>
            <div nz-col nzSpan="24">
                <div class="contwrap" style="height:380px;margin:2px 12px 0 12px;">
                    <div class="chartsHead">
                        <div class="title">设备趋势</div>
                        <div class="main">
                            开始时间：
                            <nz-date-picker nzShowTime nzFormat="yyyy-MM-dd HH:mm:ss" [nzAllowClear]="false"
                                [(ngModel)]="devStartValue">
                            </nz-date-picker>
                            &nbsp;&nbsp;&nbsp;结束时间：
                            <nz-date-picker nzShowTime nzFormat="yyyy-MM-dd HH:mm:ss" [nzAllowClear]="false"
                                [(ngModel)]="devEndValue">
                            </nz-date-picker>
                            &nbsp;&nbsp;&nbsp;
                            <button nz-button nzType="primary" (click)="healthSearch()">
                                <i nz-icon nzType="search" nzTheme="outline"></i>查询
                            </button>
                        </div>
                    </div>
                    <div class="chartsWrap">
                        <div id="echart1" style="float:left;width:50%;height:300px;"></div>
                        <div id="echart2" style="float:left;width:50%;height:300px;"></div>
                        <div style="clear:both"></div>
                    </div>
                </div>
            </div>
            <div nz-col nzSpan="24">
                <div class="contwrap" style="margin:2px 12px 12px 12px;">
                    <div class="chartsHead">
                        <div class="title">处置建议</div>
                        <app-controlczjy #controlczjy [nid]="queryParams.NID" [czjyAlarmType]="czjyAlarmType"
                            (btnClick)="czjyClick($event)"></app-controlczjy>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="bottomWrap"></div>
</div>